<!DOCTYPE HTML>
<html lang="zh-cn"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache" />
    <META HTTP-EQUIV="Expires" CONTENT="0" />

    <title>图表</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <!--slider-->
    <link rel="stylesheet" href="../static/css/ideal-image-slider.css" th:href="'/css/ideal-image-slider.css'"/>
    <link rel="stylesheet" href="../static/css/default.css" th:href="'/css/default.css'"/>
</head>
<body>
<div class="container" style="width: 80%">
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <br/>
    <div id="checkboxs" style="margin: 0 auto;">
        <label class="checkbox-inline">
            <input name="show" type="checkbox" checked="checked" id="inlineCheckbox1" value="option1" /> 维度 1
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox2" value="option2" /> 维度 2
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox3" value="option3" /> 维度 3
        </label>
        <br/>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox4" value="option4" /> 维度 4
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox5" value="option5" /> 维度 5
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox6" value="option6" /> 维度 6
        </label>
        <br/>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox7" value="option7" /> 维度 7
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox8" value="option8" /> 维度 8
        </label>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox9" value="option9" /> 维度 9
        </label>
        <br/>
        <label class="checkbox-inline">
            <input name="show" type="checkbox" id="inlineCheckbox10" value="option10" /> 维度 10
        </label>
    </div>
    <div id="main" style="width: 600px;height:400px;margin: 0 auto;"></div>
</div> <!-- /container -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../../static/js/jquery.min.js" th:src="'/js/jquery.min.js'"></script>
<!--echarts-->
<script src="../../static/js/echarts.min.js" th:src="'/js/echarts.min.js'"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!--slider-->
<!--<script src="../../static/js/ideal-image-slider.min.js" th:src="'/js/ideal-image-slider.min.js'"></script>-->
<!--自己写的js代码在这里-->
<script src="../../static/js/myChart.js" th:src="'/js/myChart.js'"></script>
</body>
</html>